<style type="text/css">

.appicon{
    cursor: pointer;
    height: 75px;
    width: 75px;
    /*margin-left: -120px;*/
    position: absolute;
    z-index: 100;
    top: 200px;
    left: 100px;
}
.thumbnail{
    margin-bottom: 0px;
}
.thumbnail img.apppic{
    cursor: pointer;
    width: 100%;
    height: 420px;
    display: block;
}

</style>
<volist name="apps" id="ap">
    <Widget:show col="3" title="{$ap.name}">
    <Widget:action title="">
        <div class="btn-group">
            <a data-toggle="dropdown" href="javascript:;" class="btn btn-sm blue"><i class="fa fa-bars" ></i><i class="fa fa-angle-down "></i>
            </a>
            <ul class="dropdown-menu pull-right">
                <li>
                    <a href="{:U("Page/index?apid=$ap[id]")}">应用信息</a>
                </li>
                <li>
                    <a href="{:U("Page/index?apid=$ap[id]")}">页面管理</a>
                </li>
                <li>
                    <a href="{:U("Content/index?apid=$ap[id]")}">内容管理</a>
                </li>
                <li>            
                    <a href="{:U("ApiColud/publish?apid=$ap[id]")}">发布应用</a>
                </li>
            </ul>
        </div>
    </Widget:action>
        <div class="thumbnail">
            <img  src="{$ap.picurl}" >
            <notempty name="ap[icon]">
        <img data-id="{$ap.id}" src="{$ap.icon}" class="appicon">
        <else/>
        <img data-id="{$ap.id}" src="assets/def_app.png" class="appicon">
        </notempty>
        </div>
    </Widget:show>
</volist>